{% extends "layout/basic.html" %}

{% load static %}

{% block title %}bug追踪{% endblock %}

{% block css %}
    <style>
        img{
            width: 100%;
            height: 100%;
        }
    </style>
{% endblock %}

{% block content %}
    <div>
        <img src="{% static 'img/index/index-1.png' %}" alt="">
        <img src="{% static 'img/index/index-2.png' %}" alt="">
        <img src="{% static 'img/index/index-3.png' %}" alt="">
        <img src="{% static 'img/index/index-4.png' %}" alt="">
    </div>

{% endblock %}



{% block js %}
    <script>
        $(function () {
            $("#image_code").click(function () {
                var oldsrc = $(this).attr("src");  //当被点击的时候获取它的src属性
                $(this).attr("src", oldsrc + "?") //?号表示每点击一次重新刷新 /index/?  就是换了一个地址就在发一个请求
            })
        })
    </script>
{% endblock %}